import * as React from "react";
import "./index.less";
import AdScreenEdit from "./advertising-screen-edit";
export interface IEdit {
  defaultProps?: any;
  editBasicData?: () => JSX.Element;
  editExtraData?: () => JSX.Element;
}
declare let window: any;
export default class AdScreenNewBar implements IEdit {
  defaultProps = {
    top: {
      style: {
        splitScreen: 1,
        playType: 2
      },
      items: [
        {
          src: "https://img.1000.com/qm-a-img/prod/1877091/004d71231683e1e739966568f8ee710e.mp4",
          href: "#",
          name: "千米网"
        }
      ]
    },
    bottom: {
      items: [
        {
          content:
            "https://qianmi-web.oss-cn-hangzhou.aliyuncs.com/x-site/public/ad-screen/statics/ad-screen/btm-2.png",
          imgHref: ""
        },
        {
          content:
            "https://qianmi-web.oss-cn-hangzhou.aliyuncs.com/x-site/public/ad-screen/statics/ad-screen/banner3.jpg",
          imgHref: ""
        },
        {
          content:
            "https://qianmi-web.oss-cn-hangzhou.aliyuncs.com/x-site/public/ad-screen/statics/ad-screen/btm-1.png",
          imgHref: ""
        }
      ],
      style: {
        dot: "default",
        animateType: "none",
        animateTime: 800,
        size: "default"
      }
    }
  };
  editBasicData = () => {
    const { BasicEditDialog } = window.xSiteIntegrate;
    return (
      <BasicEditDialog>
        <AdScreenEdit itemsPath={["props", "top", "items"]} stylePath={["props", "top", "style"]} />
      </BasicEditDialog>
    );
  };
}
